<!DOCTYPE html>
<html>
<head>
	<title>锤子科技官网</title>
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div id="header">
		<div class="head_box clearfix">
			<div id="logo">
				<a href="#"></a>
			</div>
			<div class="user">
				<a class="signin" href="#signin"></a>
				<a href="#shop"><span>0</span></a>
			</div>
			<ul class="clearfix">
				<li><a href="">在线商城</a></li>
				<li><a href="">Smartisan M1 / M1L</a></li>
				<li><a href="">Smartisan OS</a></li>
				<li><a href="">欢喜云</a></li>
				<li><a href="">应用下载</a></li>
				<li><a href="">官方论坛</a></li>
			</ul>
		</div>
	</div>
	<div class="pagebody">
		<div class="main">
			<ul class="links clearfix">
				<li><a href="#">精选</a></li>
				<li><a href="#">手机</a></li>
				<li><a href="#">耳机 / 音箱</a></li>
				<li><a href="#">背壳 / 保护套</a></li>
				<li><a href="#">“情怀”背壳</a></li>
				<li><a href="#">其他周边</a></li>
				<li><a href="#">保修服务</a></li>
				<li><a href="#">全部商品</a></li>
			</ul>
			<div id="carousel-3d">
				<ul class="carousel-3d-toggle">
					<li class="toggle active"></li>
					<li class="toggle"></li>
					<li class="toggle"></li>
					<li class="toggle"></li>
				</ul>
				<ul class="carousel-3d-mask">
					<li class="carousel-3d-mask-item active"><a href="#"></a></li>
					<li class="carousel-3d-mask-item"><a href="##"></a></li>
					<li class="carousel-3d-mask-item"><a href="##"></a></li>
					<li class="carousel-3d-mask-item"><a href="#"></a></li>
				</ul>
			</div>
			<div class="panel sm_panel">
				<ul class="clearfix">
					<li>
						<img src="images/temp/panelad01.jpg">
						<a href=""></a>
					</li>
					<li>
						<img src="images/temp/panelad02.jpg">
						<a href=""></a>
					</li>
					<li>
						<img src="images/temp/panelad03.jpg">
						<a href=""></a>
					</li>
					<li>
						<img src="images/temp/panelad04.jpg">
						<a href=""></a>
					</li>
				</ul>
			</div>
			<div class="panel md_panel">
				<h2 class="title">热门商品</h2>
				<ul class="cont clearfix">
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_a1.jpg">
							<img src="images/temp/shangpin_a2.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_b1.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_c1.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
				</ul>
			</div>
			<div class="panel bg_panel">
				<h2 class="title">官方精选</h2>
				<ul class="cont clearfix">
					<li class="first item">
						<img src="images/temp/phone.jpg">
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
				</ul>
			</div>
			<div class="panel bg_panel">
				<h2 class="title">品牌精选</h2>
				<ul class="cont clearfix">
					<li class="first item">
						<img src="images/temp/panel01.jpg">
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
					<li class="item">
						<div class="img_cover">
							<img src="images/temp/shangpin_d1.jpg">
							<img src="images/temp/shangpin_d2.jpg">
							<img src="images/temp/shangpin_d3.jpg">
						</div>
						<div class="info">
							<h6>FIIL Diva 智能蓝牙无线降噪耳机</h6>
							<p>手势触控、智能启停</p>
						</div>
						<ul class="dot">
							<li class="active"><div><span></span></div></li>
							<li><div><span></span></div></li>
							<li><div><span></span></div></li>
						</ul>
						<p class="price">¥ 999.00</p>
						<div class="operation">
							<a>查看详情</a>
							<a>加入购物车</a>
						</div>
						<a class="item_link" href="#"></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>